<template>
  <div class="p-2">
    <div class="vr-container">
      <!-- 嵌入外部VR演示链接 -->
      <iframe src="https://kunszbq.cn/vrimage/" width="100%" height="100%" frameborder="0"></iframe>
    </div>
  </div>
</template>

<script setup lang="ts">
//如果是黑暗模式 进行关闭黑暗模式

import { useDynamicTitle } from '@/utils/dynamicTitle';
import { useAppStore } from '@/store/modules/app';
import { useSettingsStore } from '@/store/modules/settings';
import { usePermissionStore } from '@/store/modules/permission';
import { useDark, useToggle } from '@vueuse/core';
import { SideThemeEnum } from '@/enums/SideThemeEnum';
import defaultSettings from '@/settings';

const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const appStore = useAppStore();
const settingsStore = useSettingsStore();
const permissionStore = usePermissionStore();

const showSettings = ref(false);
const theme = ref(settingsStore.theme);
const sideTheme = ref(settingsStore.sideTheme);
const storeSettings = computed(() => settingsStore);
const predefineColors = ref(['#409EFF', '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585']);

// 创建暗黑模式的
// 当组件挂载时，如果是深色模式则切换为浅色模式
onMounted(() => {
  //设置 localstorage 为 useDarkKey
  localStorage.setItem('useDarkKey', 'auto');
});
// const toggleDark = () => useToggle(isDark);
</script>

<style scoped>
.vr-container {
  width: 100%;
  height: calc(100vh - 100px);
  margin-top: 0px;
  overflow: hidden;
}

/* 移除Photo Sphere Viewer相关样式，因为现在使用iframe嵌入外部链接 */
</style>
